<template>
	<view class="commonTitle">
		<view class="big">
			{{title}}
		</view>
		<view class="small">
			{{subTitle}}
		</view>
		<view class="line">
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"commonTitle",
		// props: ["title", 'subTitle'],
		props: {
			title: {
				type: String,
				default: "default title"
			},
			subTitle: {
				type:String,
				default: "default subTitle"
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.commonTitle{
	padding: 60rpx, 30rpx;

	text-align: center;
	.big{
		font-size:  40rpx;
		font-weight: 600;
		color: #333;
		background: #1AA034;
	}
	.small{
		font-size: 20rpx;
		color: #888;
	}
	.line{
		display: inline-block;
		width: 80rpx;
		height: 8rpx;
		background: #1AA034;
		border-radius: 10rpx;
	}
}
</style>